Hides toolbar item or items with <span class="argument">id</span>.

<div class="definition">
    hide(id1, [id2], ...)
</div>

<div class="arguments">
    <table>
    <tr>
        <td>id</td>
        <td><b>string</b>, id of the toolbar item</td>
    </tr>
    </table>
</div>

Returns array that contains ids of effected items.

<h4>Description</h4>

The item(s) must exists in the <a class="method" href="w2toolbar.items">.items</a> array of the toolbar. The toolbar item is
identified by the <span class="property">.id</span> property. The method returns the
number of hidden items that were shown before.
<div style="height: 10px"></div>

If you have toolbar defined in the following way:
<textarea class="javascript">
let toolbar = new w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', icon: 'icon-page', checked: true },
        { type: 'radio',  id: 'item3',  group: '1', text: 'R-1', icon: 'icon-add', hidden: true },
        { type: 'radio',  id: 'item4',  group: '1', text: 'R-2', icon: 'icon-add' },
        { type: 'menu',   id: 'item5', text: 'Drop Down',
            items: [
                { id: 'id1', text: 'menu 1' },
                { id: 'id2', text: 'menu 2' },
                { id: 'id3', text: 'menu 3' },
            ]
        }
    ]
});
</textarea>

You can hide toolbar item:
<textarea class="javascript">
w2ui.toolbar.hide('item3', 'item4');
</textarea>

You can also hide toolbar menu item:
<textarea class="javascript">
w2ui.toolbar.hide('item5:id2', 'item5:id3');
</textarea>
